<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>个人简历</title>
    <!--<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>-->
    <!--<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>-->
    <!--<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">-->
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/jianli.css"/>
</head>
<body>
    <!--西瓜红-->
<div class="melon">
    <!--右边点状导航-->
    <ul class="side_nav">
        <li><a class="active scroll" href="#tem"><b>首页</b></a></li>
        <li><a class="scroll" href="#self" ><b>个人介绍</b></a></li>
        <li><a class="scroll" href="#self1" ><b>专业技能</b></a></li>
        <li><a class="scroll" href="#self2" ><b>工作经验</b></a></li>
        <li><a class="scroll" href="#self3" ><b>作品展示</b></a></li>
    </ul>
    <!--导航-->
    <nav class="navbar navbar-inverse text-center" role="navigation" id="example" >
        <div  class="container menu">
            <div class="collapse navbar-collapse" id="tem" >
                <ul class="nav navbar-nav">
                    <li><a class="dh-1 scroll" href="#tem" data-hover="首页"><b>首页</b></a></li>
                    <li><a class="dh scroll" href="#self" data-hover="个人介绍"><b>个人介绍</b></a></li>
                    <li><a class="dh scroll" href="#self1" data-hover="专业技能"><b>专业技能</b></a></li>
                    <li><a class="dh scroll" href="#self2" data-hover="工作经验"><b>工作经验</b></a></li>
                    <li><a class="dh scroll" href="#self3" data-hover="作品展示"><b>作品展示</b></a></li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="self container text-center">
        <h1><b>个人简历</b></h1>
        <p>我没有丰富的工作经验，但是我具有良好的心理素质，能迅速适应新环境，具有强烈的责任心和集体荣誉感，团队协作能力强。注重综合素质，愿意从全方面提升自己。工作认真负责，积极主动，严谨细心，对工作负有激情。 并且善于在工作中学习并完善自己，对于别人提出的不足之处能虚心听取并改进。</p>
        <button><a href="#self">开始阅读简历</a></button>
    </div>
</div>

<!--个人介绍-->
    <div id="self">
        <div class="text-center gr">
            <h1>个人介绍</h1>
        </div>
        <div class="row">
            <div class="container">
                <div class="col-md-5 top">
                    <img src="./img/1.jpeg" alt=""/>
                </div>

                <div class="col-md-7 lo">
                    <h4>姓名：赵靖</h4>
                    <h4>性别：女</h4>
                    <h4>出生日期：1993.6.12</h4>
                    <h4>所学专业：会计电算化</h4>
                    <h4>毕业学校：四川工业科技学院</h4>
                    <h4>联系电话：15892626986</h4>
                    <h4>电子邮箱：394091508@qq.com</h4>
                </div>
            </div>
        </div>
    </div>
<!--专业技能  工作经验-->
    <div >
        <div class="row text-center" >

                <div id="self1" class="top1">
                    <h1>专业技能</h1>
                    <h4>在校期间考取“会计电算化合格证书”，即中级电算化证书，能够熟练的操作office办公软件</h4>
                    <h4>具有普通化二级乙等级证书</h4>
                    <h4>2015年8月开始在绵阳信风科技有限公司接受培训，培训内容为前端开发和SEO课程，能够熟练的操作html5和css布局</h4>
                </div>
                <div id="self2" class="top11">
                    <h1>工作经验</h1>
                    <h4>2013年6月参加学校组织的实践活动，并获得学校颁发的“实践证书”</h4>
                    <h4>2014年12月至2015年4月离校顶岗实习期间在四川绵阳长虹快益点公司担任客服专席</h4>
                </div>
        </div>
    </div>
<!--作品展示-->
    <div id="self3" class="text-center ">
        <div class="gr">
            <h1>作品展示</h1>
        </div>
        <div class="row">
            <div class="container">
                <div class="col-md-4 zp1">
                    <a href="./index/index1.html" target="view-window">
                        <img class="img1" src="./img/6.jpg" alt=""/>
                    </a>
                    <div class="zp">
                        <a href="./index/index1.html" target="view-window"><b>网页版天气预报（点击查看）</b></a>
                    </div>
                </div>
                <div class="col-md-4">
                        <img class="img2" src="./img/7.jpg" alt=""/>
                    <div class="zp">
                      <b>photoshop作品</b>
                    </div>
                </div>
                <div class="col-md-4">
                    <a href="./index/index4.html" target="view-window">
                        <img class="img3" src="./img/2.png" alt=""/>
                    </a>
                    <div class="zp">
                        <a href="./index/index4.html" target="view-window"><b>信风科技网站制作（点击查看）</b></a>
                    </div>
                </div>
            </div>
            <div class="row zpp">
                <div class="container">

                    <div class="col-md-6">
                        <a href="./index/index3.html" target="view-window">
                            <img class="img2" src="./img/4.png" alt=""/>
                        </a>
                        <div class="zp">
                            <a href="./index/index3.html" target="view-window"><b>在线随机排序（点击查看）</b></a>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <a href="./index/index2.html" target="view-window">
                            <img class="img3" src="./img/3.png" alt=""/>
                        </a>
                        <div class="zp">
                            <a href="./index/index2.html" target="view-window"><b>网页版计算器（点击查看）</b></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<!--脚本-->
<div class="footer text-center">
    <p>&copy; 2015 Personale. All Rights Reserved | Design by<a href="http://weibo.com/jingzhao" target="view-window">@赵靖赵靖照妖靖</a> </p>
</div>
</body>
<script>


$(document).ready(function() {
    $('a[href*=#]').click(function() {
        if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
            var $target = $(this.hash);
            $target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']');
            if ($target.length) {
                var targetOffset = $target.offset().top;
                $('html,body').animate({
                            scrollTop: targetOffset
                        },
                        1000);
                return false;
            }
        }
    });
});



</script>
</html>



